/* 
  base.css文件，设置常用class
  flex布局、position定位、映射倒影、cursor指针样式、文字溢出处理、文字hover时样式为underline
*/


* {
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif, 'Microsoft YaHei';
  font-size: 14px;
}

/* 配置常用的flex布局 */
.f {

  &dc {
    flex-direction: column;
  }

  &c {
    &c {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    &s {
      display: flex;
      justify-content: center;
      align-items: flex-start;
    }
  }

  &s {

    &c {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }

    &s {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
    }
  }

  &pa {
    &c {
      display: flex;
      justify-content: space-around;
      align-items: center;
    }

    &s {
      display: flex;
      justify-content: space-around;
      align-items: flex-start;
    }
  }

  &pb {

    &c {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    &s {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
    }
  }

  &pe {

    &c {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
    }

    &s {
      display: flex;
      justify-content: space-evenly;
      align-items: flex-start;
    }
  }

  &w {
    //换行
    flex-wrap: wrap;
  }

  &d_col {
    //column布局
    display: flex;
    flex-direction: column;
  }

  &_nos {
    //取消缩放
    flex-shrink: 0;
  }

  &_nog {
    //取消放大
    flex-grow: 0;
  }

  &_nosg {
    //取消缩放和放大
    flex-shrink: 0;
    flex-grow: 0;
  }
}

/* position 常用定位 */
.p {
  &r {
    position: relative;
  }

  &a {
    position: absolute;
  }

  &f {
    position: fixed;
  }

  &s {
    position: sticky;
  }
}

//设置倒影
.box_ref {
  -webkit-box-reflect: below 1px -webkit-linear-gradient(transparent, transparent 90%, rgba(255, 255, 255, 0.3));
}

//设置指标的显示
.cur_p {
  cursor: pointer;
}

//设置文字hover时样式为underline
.td_u {
  &:hover {
    text-decoration: underline;
  }
}

//单行文字溢出处理(需要指定宽度,不能使用百分比)
.t_ovl1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}